<!DOCTYPE html>
<html>
<head>
    <!--Meta setup - Required for apple device-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    
    <!--Title-->
    <title>燕山学校 二（1）班--候 鸟</title>
	
	<!--Required libraries-->
    <script src="js/min/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>

    <!--Include flickerplate-->
	<link href="css/flickerplate.css"  type="text/css" rel="stylesheet">
    <script src="js/min/flickerplate.min.js" type="text/javascript"></script>
	
	<!--Execute flickerplate-->
	<script>
	$(function(){
		$('.flicker-example').flickerplate(
		{
            auto_flick 				: true,
            auto_flick_delay 		: 4,
            flick_animation 		: 'transform-slide'
        });
	});
	</script>

	<!-- Demo styles -->
	<link href="css/demo.css"  type="text/css" rel="stylesheet">

</head>
<body>
	
	<!--Basic example-->
	<div class="flicker-example">
		
		<ul>
			
			<li data-background="img/1.jpg">
				<div class="flick-title">燕山学校 二（1）班</div>
				<div class="flick-sub-text">祝全体师生儿童节快乐.</div>
			</li>
			
			<li data-background="img/2.jpg">
				<div class="flick-title">候鸟 (Live)</div>
				<div class="flick-sub-text">词：沈松  曲：刘永辉 </div>
			</li>
			<li data-background="img/3.jpg">
				
				
			</li>
			<li data-background="img/4.jpg">
				
				
			</li>
			<li data-background="img/5.jpg">
				
				
			</li>
			<li data-background="img/6.jpg">
				
				
			</li>
			<li data-background="img/7.png">
				
				
			</li>
			<li data-background="img/8.jpg">
				
				
			</li>
			<li data-background="img/9.jpg">
				
				
			</li>
			<li data-background="img/10.jpg">
				
				
			</li>
			<li data-background="img/11.png">
				
			</li>
			<li data-background="img/13.gif">
				
				
			</li>
			<li data-background="img/14.gif">
				
				
			</li>
			<li data-background="img/15.gif">
				
				
			</li>
			<li data-background="img/16.gif">
				
				
			</li>
			<li data-background="img/17.gif">
				
				
			</li>
			<li data-background="img/18.gif">
				
				
			</li>
			<li data-background="img/19.gif">
			
			</li>
			<li data-background="img/20.gif">
				
				
			</li>
			<li data-background="img/21.gif">
			
			</li>
			<li data-background="img/22.gif">
				
				
			</li>
			<!--23 -->
			<li data-background="img/23.gif"> 
				
			
			</li>
			<li data-background="img/13.gif">
				
				
			</li>
			<li data-background="img/14.gif">
				
				
			</li>
			<li data-background="img/15.gif">
				
				
			</li>
			<li data-background="img/16.gif">
				
				
			</li>
			<li data-background="img/17.gif">
				
				
			</li>
			<li data-background="img/13.jpg">
				
				
			</li>
			<li data-background="img/14.jpg">
				
				
			</li>
			<li data-background="img/15.jpg">
				
				
			</li>
			<li data-background="img/16.jpg">
				
			
			</li>
			<li data-background="img/17.jpg">
				
			
			</li>
			<li data-background="img/18.jpg">
				
				
			</li>
			<li data-background="img/19.jpg">
				
				
			</li>
			<li data-background="img/20.jpg">
				
				
			</li>
			<li data-background="img/21.jpg">
				
				
			</li>
			<li data-background="img/22.jpg">
				
				
			</li>
			<li data-background="img/23.jpg">
				
				
			</li>
			<!--35 -->
			<li data-background="img/24.jpg">
			</li>
			<li data-background="img/13.gif">
				
				
			</li>
			<li data-background="img/14.gif">
				
				
			</li>
			<li data-background="img/15.gif">
				
				
			</li>
			<li data-background="img/16.gif">
				
				
			</li>
			<li data-background="img/17.gif">
				
				
			</li>
			<li data-background="img/18.gif">
				
				
			</li>
			<li data-background="img/19.gif">
			
			</li>
			<li data-background="img/20.gif">
				
				
			</li>
			<li data-background="img/21.gif">
			
			</li>
			<li data-background="img/22.gif">
				
				
			</li>
			<li data-background="img/23.gif"> 
				
			
			</li>
			<!-- 46 -->
			<li data-background="img/25.jpg">
			</li>
			<li data-background="img/26.jpg">
			</li>
			<li data-background="img/27.jpg">
			</li>
			<li data-background="img/28.jpg">
			</li>
		</ul>
		
	</div>	
</body>
</html>